<%--
  Created by IntelliJ IDEA.
  User: zz
  Date: 2021/08/12
  Time: 下午 6:38:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>公寓管理系统 - 后台管理</title>
    <link rel="stylesheet" href="css/admin.css">
</head>
<body>
<div class="header">
    <h1><a href="#">公寓管理系统系统</a></h1>
    <%--	<div class="nav">--%>
    <%--		<a target="pageBox" href="#">工作台</a>--%>
    <%--		<a target="pageBox" href="#">报表</a>--%>
    <%--		<a target="pageBox" href="#">客户信息</a>--%>
    <%--		<a target="pageBox" href="#">员工信息</a>--%>
    <%--		<a target="pageBox" href="#">公告信息</a>--%>
    <%--		<a target="pageBox" href="#">发件箱</a>--%>
    <%--	</div>--%>
</div>
<div class="main">
    <ul class="left-side">
        <li class="menu-title active">
            <a href="#">
                <i class=" fa fa-users"></i>&nbsp;&nbsp;公寓管理
            </a>
        </li>
        <li class="sub-menu">
            <ul>
                <li class="active">
                    <%-- a标签的 target属性 用来表示超链接的打开地址 _self表示在当前页面打开  ——blank新开一个页面打开
                          如果设置为 iframe(分割页面)标签的 name属性值 name="pageBox"  则表示当前页面在此框框内打开
                      --%>
                    <a href="/house/findAll" target="pageBox">
                        <i class=" fa fa-circle-thin"></i>&nbsp;&nbsp;房屋信息
                    </a>
                </li>

                <li class="active">
                    <a href="${pageContext.request.contextPath}/contract/findAll" target="pageBox">
                        <i class=" fa fa-circle-thin"></i>&nbsp;&nbsp;合同信息
                    </a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/lessee/find" target="pageBox">
                        <i class=" fa fa-circle-thin"></i>&nbsp;&nbsp;租户信息
                    </a>
                </li>
                <li>
                    <a target="pageBox" href="${pageContext.request.contextPath}/rent/find">
                        <i class=" fa fa-circle-thin"></i>&nbsp;&nbsp;房租信息
                    </a>
                </li>

            </ul>
        </li>
        <li class="menu-title">
            <a href="#">
                <i class=" fa fa-file-text"></i>&nbsp;&nbsp;服务管理
            </a>
        </li>
        <li class="sub-menu">
            <ul>
                <li>
                    <a target="pageBox" href="${pageContext.request.contextPath}/logistics/find">
                        <i class=" fa fa-circle-thin"></i>&nbsp;&nbsp;后勤人员
                    </a>
                </li>
                <li>
                    <a target="pageBox" href="${pageContext.request.contextPath}/record/find">
                        <i class=" fa fa-circle-thin"></i>&nbsp;&nbsp;修缮记录
                    </a>
                </li>
                <li>
                    <a target="pageBox" href="${pageContext.request.contextPath}/activity/find">
                        <i class=" fa fa-circle-thin"></i>&nbsp;&nbsp;公寓活动
                    </a>
                </li>

            </ul>
        </li>
        <li class="menu-title">
            <a href="#">
                <i class=" fa fa-sitemap"></i>&nbsp;&nbsp;管理员
            </a>
        </li>
        <li class="sub-menu">
            <ul class="menu">
                <li>
                    <a target="pageBox" href="${pageContext.request.contextPath}/role/find">
                        <i class=" fa fa-circle-thin"></i>&nbsp;&nbsp;角色管理
                    </a>
                </li>
                <li>
                    <a target="pageBox" href="${pageContext.request.contextPath}/user/find">
                        <i class=" fa fa-circle-thin"></i>&nbsp;&nbsp;用户管理
                    </a>
                </li>
            </ul>
        </li>
    </ul>
    <div class="right-side">
        <iframe name="pageBox" src="/house/findAll"></iframe>
        <div class="footer">
            厚溥教育
        </div>
    </div>
</div>
<script src="js/jquery-1.11.3.js"></script>
<script>
    // 注意本项目使用了JS和jQuery，但给学生说明JS和jQuery等以后会讲，现在大家先了解即可
    $('.menu-title').click(function () {
        $('.menu-title').removeClass('active');
        $(this).addClass('active');
    });

    $('.sub-menu li').click(function () {
        $('.sub-menu li').removeClass('active');
        $('.sub-menu li .fa-circle').removeClass('fa-circle').addClass('fa-circle-thin');
        $(this).addClass('active');
        $(this).find('i').removeClass('fa-circle-thin').addClass('fa-circle');
    })
</script>
</body>
</html>